<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
    <title>接单列表</title>
    <link rel="stylesheet" type="text/css" href="hisui/dist/css/hisui.css">
    <script type="text/javascript" src="hisui/dist/js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="hisui/dist/js/jquery.hisui.js"></script>
</head>

<body style="width: 100%;height: 100%;padding: 0px">
    <a href="#" class="hisui-linkbutton">蓝色按钮</a>
    <a href="#" class="hisui-linkbutton green">绿色按钮</a>
    <a href="#" class="hisui-linkbutton yellow">黄色按钮</a>
    <a href="#" class="hisui-linkbutton red">红色按钮</a>
    <a href="#" class="hisui-linkbutton" data-options="iconCls:'icon-w-find'" disabled>禁用</a>
    <a href="#" class="hisui-linkbutton" data-options="iconCls:'icon-w-find'" style="width:200px">自定义宽度按钮</a>
    <a href="#" class="hisui-linkbutton" data-options="iconImg:'update.png'">自定义图片按钮</a>
    <a href="#" class="hisui-linkbutton" id="btn1">点我提示</a>
    <script type="text/javascript">
        $(function () {
            $("#btn1").click(function (argument) {
                alert("你确定？");
            });
        });
    </script>

    <a href="javascript:void(0)" id="mbedit" class="hisui-menubutton"
        data-options="menu:'#mmedit',iconCls:'icon-write-order'">修改</a>
    <div id="mmedit" style="width:150px;">
        <div data-options="iconCls:'icon-undo'">撤销</div>
        <div data-options="iconCls:'icon-redo'">撤回</div>
        <div class="menu-sep"></div>
        <div>剪切</div>
        <div>复制</div>
        <div>
            <span>粘贴</span>
            <div class='menu-no-icon'>
                <div>粘贴成文本</div>
                <div>粘贴成网页</div>
                <div>粘贴成表格</div>
            </div>
        </div>
        <div class="menu-sep"></div>
        <div data-options="iconCls:'icon-remove'">删除</div>
        <div>选择</div>
    </div>


    <div class="hisui-panel" style="width:375rem;height: 300rem;"
        data-options="title:'诊疗',headerCls:'panel-header-gray',iconCls:'icon-paper'">
        <div id="tt3" class="hisui-tabs tabs-gray"
            data-options="tabPosition:'left',fit:true,border:false,headerWidth:100">
            <div title="电子病历" style="padding:20px;">
                <code id="tabPosition">tabPosition:'left'</code><br>
                <code>headerWidth:100</code><br>
                <code>border:false</code><br>
            </div>
            <div title="诊断录入" style="overflow:auto;padding:20px;">
                tab2
            </div>
            <div title="医嘱录入" style="padding:20px;">
                tab3
            </div>
        </div>
    </div>
</body>


<script type="text/javascript">


</script>

</html>